<!DOCTYPE html>
<html>

<head>

    <script src="./jquery-3.7.1.min.js"></script>
</head>

<body>
    <ul class="topnav">
        <li>Item 1</li>
        <li>
            <ul>
                <li>child item 1</li>
                <li>child item 2</li>
                <li>child item 3</li>
            </ul>
        </li>
        <li>Item 3</li>
    </ul>
    <script>
        //jQuery写法：非常简洁。省了大量代码
        //.css(样式属性和属性值)
        //$(".topnav > li").css("border", "3px double red");(直接元素)


        //后代元素写法
        $(".topnav li").css("border", "3px double red");
    </script>
</body>

</html>